/*!
 * phpVibe v3.2
 *
 * Copyright Media Vibe Solutions
 * http://www.phpRevolution.com
 * phpVibe IS NOT FREE SOFTWARE
 * If you have downloaded this CMS from a website other
 * than www.phpvibe.com or www.phpRevolution.com or if you have received
 * this CMS from someone who is not a representative of phpVibe, you are involved in an illegal activity.
 * The phpVibe team takes actions against all unlincensed websites using Google, local authorities and 3rd party agencies.
 * Designed and built exclusively for sale @ phpVibe.com & phpRevolution.com.
 */

/* Body and structure
-------------------------------------------------- */
body {
background-color: #ffffff;
  position: relative;
  padding: 0;
  height: 100%;
}
::-moz-selection { background: #59b3e7; color: #fff; text-shadow: none; }
::selection { background: #59b3e7; color: #fff; text-shadow: none; }

legend { border: 0; *margin-left: -7px; padding: 0; }	
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }


.msg-content,.msg-note,.msg-info,.msg-warning,.msg-hint,.msg-win{margin:15px 0;padding:10px}
.msg-content{padding:20px}.msg-info,.msg-warning,.msg-hint,.msg-win{padding-left:40px}
.msg-note,.msg-info,.msg-warning,.msg-hint,.msg-win{background:#fff;border:1px solid #ddd;border-radius:4px}
.msg-info{background:#ebf5fa url() 0 0 no-repeat;border-color:#d2dce1;color:#94afbd}
.msg-warning{background:#fff0eb url() 0 0 no-repeat;border-color:#ffd7cd;color:#c88877}
.msg-hint{background:#fffae6 url() 0 0 no-repeat;border-color:#fae6be;color:#d0a35f}
.msg-win {background: #faffe6 url() 10px 15px no-repeat; border-color: #dce6be; color: #afbf7d;}

/* TOOLTIP */
.tipsy { font-size: 14px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background: #7aa745; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #7aa745; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #7aa745 }
  .tipsy-arrow-s { border-top-color: #7aa745; }
  .tipsy-arrow-e { border-left-color: #7aa745; }
  .tipsy-arrow-w { border-right-color: #7aa745; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/* TOP bar */

/*===== Top =====*/

#top { height: 48px; display: block; font-family: Arial, Helvetica, sans-serif;}
.fixed { position: relative; height: 48px; width: 100%; z-index: 1039; background-color: #4a8bc2; border-bottom: 1px solid #346d9d; padding: 0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#top:after { content: ""; display: block; clear: both; }
.logo { display: block;  float: left; padding: 11px 25px 0 0; }
.logo > span {font-size:20px; color:#FFF;text-align:center; margin: 0 auto; width:auto;}
.logo-wrapper{text-align:center;}

.top-menu { float: left; margin-right: 5px; margin:0!important; height: 48px; border-left: 1px solid #346d9d;}
.top-menu > li { list-style: none; float: left; position: relative; height: 48px;
display: block;
padding: 0 0 0 10px;}
.top-menu > li:first-child { border-left: 1px solid #619aca; }
.top-menu > li > a { cursor: pointer; display: block; 
  -webkit-transition: all 0.2s ease-in-out; 
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;

}

.top-menu .mli{display:block; position: relative; padding: 14px; line-height:16px;}
.user-menu { padding: 12px 14px; height: 20px; width:22px;}
.user-menu > img { display: inline-block; float: left; margin-right: 10px; margin-top: -1px; }
.user-menu > span { font-size: 13px; margin-left: 32px; display: block; color: white; white-space: nowrap; }
.new-message { width: 8px; height: 8px; position: absolute; top: 8px; right: 8px; background: url(../images/elements/interface/new_message.png) no-repeat; }

.topicon { font-size:18px; padding: 11px 12px; color: #eee;}
.topicon :hover {color: #FFFFFF;}
.topimg {padding: 11px 10px; height: 22px;
width: 22px;}


.new-message {
width: 8px;
height: 8px;
position: absolute;
top: 8px;
right: 8px;
background: url(../images/new_message.png) no-repeat;
}

.right-side{
height:100%;
margin:0!important;
overflow:hidden;
padding-left:10px;
}


/*Boxes */

.wbox {display:block; position:relative; margin: 15px 0;}
.wbox-body {
display: block;
padding: 10px;
border-top: 1px solid #fff;
border-bottom: 1px solid #eee;
background-color: #fafafa;
}
.wbox-head{
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
border-bottom: 1px solid #f4f4f4;
background-color: #f3f3f3;
padding: 5px 10px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
font-weight:bold;
}
.wbox-head i {
margin-right:5px;
font-weight:normal;
font-size: 16px;
}

.img-circle:hover{border:2px solid #c24f62;}
.fb-comments,.fb-comments span, .fb-comments span[style], .fb-comments iframe, .fb-comments iframe[style] {width: 100% !important; }
.fb-comments {margin-top:20px; }

.main-holder {margin:0!important; border-left:1px solid #f4f4f4;border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; overflow: hidden; padding-bottom:30px;}
.pad-holder { padding-left:10px!important;}
.vibe-upload{padding:0 4%!important;}
#video-content {margin-left:0!important; padding:0!important; }
#video-wrapper {display:block; position:relative;}
.loop-heading {
margin-bottom: 20px; 
margin-top: 0; 
font-size: 18px;
letter-spacing: 0.5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #f4f4f4;
text-rendering: optimizelegibility;
line-height: 34px;
font-weight: normal;
}
.loop-heading span {
position: relative;
display: inline-block;
border-color: #239ed7;
}
.loop-heading span:after {
position: absolute;
content: '';
height: 3px;
bottom: -2px;
left: 0;
right: 0;
background-color: #239ed7;
}
.video-header{
margin-top: 10px; 
height: 34px;
line-height: 30px;
font-size: 16px;
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.left-header i{ margin-left:3px; font-size: 20px!important;}
.list-header{
border-bottom: 1px solid #f4f4f4;
background-color: #f3f3f3;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
}
.video-header .tt {padding-left: 8px;}
.video-header  a, .likes-holder a{display:inline-block; color: #7d7d7d; padding: 2px 5px;}
.likes-holder  i, .video-header i{ font-size: 30px;}
.likes-holder {padding-top: 14px; line-height: 28px; font-size: 18px; margin-left: 5%; display:inline-block; position:relative; vertical-align: middle; }
#i-like-it i:hover , #i-like-it a:hover {color:#7aa745;}
.done-like i { font-size: 35px!important; color:#7aa745!important;}
#i-dislike-it i:hover, #i-dislike-it a:hover  {color:#c95454;} .likes-holder i{ font-size: 28px; margin-right:3px; vertical-align:middle;}
.done-dislike i { font-size: 35px!important; color:#c95454!important;}
.video-player{position:relative; margin-left:0!important; border-top: 1px solid #eee; width:100%; min-height:390px; height:auto!important; clear:both;}
.video-under h1 {font-size: 17px; letter-spacing: -0.05em; cursor: pointer; color: #000; display:block; width:100%; margin: 0 0 8px;}
.video-under {margin-left:0!important; padding: 8px 4px;  border-left:1px solid #f4f4f4;; border-right:1px solid #f4f4f4;;  border-bottom:1px solid #f4f4f4;;}
.video-under-right { float:left; width: 300px; } 
.video-player-sidebar { display:block; position:relative; margin-bottom:20px; background-color: #f3f3f3; border-bottom: 1px solid  #f3f3f3;}
.video-player-sidebar img, .video-player-sidebar .thumb {width:100px; height:56px; float:left; position:relative;}
.video-player-sidebar ul {display:block; position:relative; list-style:none;}
.video-player-sidebar li {
position:relative;
width: 100%;
margin-left: 5px;
overflow: hidden;
height: 68px;
border-top: 1px solid #fff;
border-bottom: 1px solid #eee;
background-color: #fafafa;
color: #7d7d7d;
}
.video-player-sidebar li:hover{
background-color: #f5f5f5;
border-top: 1px solid #fff;
border-bottom: 1px solid #e5e5e5;
}
.video-player-sidebar li a{ color: #7d7d7d;}
.video-player-sidebar .data{margin-left:110px;}
.data .title { height:28px; overflow: hidden; font-size: 11px; font-weight: bold; margin: 0; padding: 0; clear:right; cursor: pointer;}
.data .title a{font-size: 12px; font-weight: bold;line-height: 12px;}
.data .usermeta{display:block; line-height: 15px; width: 100%; margin: 0; padding: 0;}
.video-player-sidebar  .inner {
position: relative;
padding: 5px 10px;
height: 58px;
}
.thumb .overlay, .video-thumb .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
background-image: url(../images/icon-play-24.png);
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
visibility: hidden;
-webkit-transition: .25s;
-moz-transition: .25s;
-ms-transition: .25s;
-o-transition: .25s;
transition: .25s;
}
.thumb:hover .overlay, .video-thumb:hover .overlay{cursor:pointer;visibility:visible;opacity:1}
.thumb .timer {
   position: absolute; bottom: 4px; right: 3px;	
	max-width: 50px; height: 15px; line-height: 15px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Tahoma, Geneva, sans-serif;
	background: #000;
	color: #f2f3f6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.video-related { width:100%; position:relative; display:block; margin: 0; padding: 3px 0 10px ;}
.video-related img, .video-related .thumb {width:100px; height:64px; float:left; position:relative;}
.video-related ul {display:block; position:relative; list-style:none; max-width:99%;}
.video-related li {
position:relative;
width: 100%;
margin-left: 9px;
background: #fff;
overflow: hidden;
height: 68px;
border-right:2px solid #fff;
}
.video-related li:hover {background-color: #f5f5f5; border-right:2px solid #239ed7;}
.video-related li a { color: #7d7d7d;}
.video-related .data{margin-left:110px;}
.user-box {width: auto; display:inline-block; vertical-align: middle; white-space: nowrap;}
.user-box img , .user-box .userav{ width: 50px; height:50px; float:left; display:inline-block; margin-right: 10px; -webkit-border-radius: 500px;
-moz-border-radius: 500px; border-radius: 500px;}
.count-subscribers  {
display:inline-block;
padding: 0 6px;
height: 28px;
border: 1px solid #ccc;
color: #777;
font-size: 12px;
text-align: center;
line-height: 12px;
position: relative;
margin-left: 6px;
background-color: #fafafa;
vertical-align: middle;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.count-subscribers::after {
content: '';
position: absolute;
top: 5px;
left: -5px;
border-width: 5px 5px 5px 0;
border-style: solid;
border-color: transparent #ccc;
margin-top: 2px;

}
.count-subscribers .nr{
display:block;
position:relative;
padding-top: 9px;
}
.user-box h3{ display:block; margin:0 4px 4px; line-height:normal; color:#7d7d7d;}
.user-box a{#7d7d7d;}

.like-box {display:inline-block; position:relative; width:140px; text-align: left;}
.like-box .like-show , .like-box .like-views{display:block; padding:3px; width:100%;}
.like-box .like-views {text-align: right; font-size: 18px; font-weight: 600; display: block; margin-top: 4px;}
.like-box .like-show {text-align: center; font-weight:bold;}
.like-box .like-show  i {margin-left: 15px;}
.like-box .progress {display:block;width:100%; }
/* Item/Video style list*/


/* Videos list */

.video {position:relative;width: 180px; float: left; margin: 0 8px 12px 0;}
.video3{max-width: 30.5%;}
.video2{max-width: 48.5%;}
.video1{max-width: 100%;}
.video h4{line-height: 15px;
height: 30px;
overflow: hidden;
font-size: 12px;
font-weight: bold;
margin-top:5px!important; 
margin:0;
padding:0;
}
.video-thumb {position:relative; display:block;
width: 100%;
overflow: hidden;
background: #f1f1f1;
font-size: 0;
vertical-align: middle;
height:98px;
}
.video-thumb .timer {
position: absolute;
top: 4px;
right: 3px;
width: 30px;
height: 15px;
line-height: 15px;
text-align: center;
font-size: 10px;
font-weight: bold;
font-family: Arial, Tahoma, Geneva, sans-serif;
background: #000;
color: #f2f3f6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.video .stats  {font-size: 11px; color: #555;}
.video .video-data {overflow:hidden;
}

/* 2.a Message Box ***************************/

.triangle {
content: "";
width: 0;
height: 0;
border: 10px solid transparent;
top: -10px;
border-top-width: 0;
border-bottom-color: #ffffff;
position: absolute;
display: block;
right: 14px;
}
.notice-title {
font-weight:bold;
border-bottom: 1px solid #E7E7E7;
padding: 5px 20px;
text-align:center;
}
div.login-list {
	width:300px;
	padding:0px 0px 10px 0px;
	color:#5f5f5f;
	font-size:13px;
}
.login-list .triangle{right: auto; left: 14px;}
.login-title {
	font-weight:bold;
	margin:10px 10px 0px 10px;
	 text-align: center;
}
a.login-more, a.login-more:hover {
	font-weight:bold;
	color:#5f5f5f;	
	display:block;
	text-align:center;
	width:100%;
	padding: 10px 0;
}

    .login-content {
        padding: 0;
        min-width: 15em;
        overflow-x: hidden;
        overflow-y: auto;
        }
        .login-content > .content {
            background: #FFF;
            border-radius: 3px;
            overflow: hidden;
            }
        .login-content > nav > ul {
            list-style: none;
            margin: 0;
            padding: 0;
            }
            .login-content > nav > ul > li {
                border-bottom: 1px solid #DDD!important;
                line-height: 40px;
				
				 width: 100%;
				 clear:both;
				  display: block;
                    overflow: hidden;  
				 border-top: 1px solid #fff!important;
                }
            
            .login-content > nav > ul > li.new {
                background: #FFF;
                }
                .login-content > nav > ul > li a {
                    cursor: pointer;
                    color: #333;
                    display: block;
                    overflow: hidden;                    
                    text-overflow: ellipsis;
                    white-space: nowrap;
					
                        float: left;
padding-bottom:5px;						
                       vertical-align:middle;
                        margin:2px 10px ;
                    }
                    
					.login-content > nav > ul > li i{
					font-size: 22px;
					margin-right:10px;
					color:#eee;
					}	
					.login-content > nav > ul > li:hover i {
					color:#4a8bc2;
					}
                        
.login-content > p {
	padding: 0 5px;
}


/* GLOBAL ELEMENTS */ 

button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}

.i-box {
position:relative;
display:block;
float:left;
text-align:left;
border-bottom: 1px solid #f4f4f4;
padding-bottom:3px;
}
.widget-head{
padding: 5px 0 5px;
font-weight: bold;
text-transform:uppercase;
}
.widget-head i {
margin-right: 5px;
font-weight: normal;
}
.widget-body ul {
list-style: none;
padding: 5px 0 5px 0;
}
.widget-body li {
display: block;
padding: 3px 0 5px 5px;
float:left;
text-align:left;
width:100%;
}

.widget-body >ul>li>a:hover, .widget-body li:hover, .widget-body li:hover a  {
background: #346d9d;
color: #fff!important;
}
.inlist , .inlist i {cursor: pointer; float:left; margin-right:8px; line-height:20px; font-size:18px; padding: 3px 0 0;  vertical-align:middle;}
.i-box .tiny {width: 23px; height: 23px; float:left; margin-right:8px;}

/* BUTTONS */
 .button {
    margin:5px;
    padding:7px 15px;
    color:#777;
    background-color:#F5F5F5;   
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration:none;
    color:#444;
    filter: dropshadow(color=#fff, offx=0, offy=1); 
    -webkit-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    border:1px solid #f4f4f4;
    border-bottom:1px solid #D7D7D7;
    color:#777;
}
.button i{margin-right:4px;}
.small-button {padding:3px 6px!important;}
.button:hover {
    color:#555;
    background-color:#F9F9F9;   
    -webkit-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
}


/* Statics*/

.statistics { width: 100%; text-align: center; padding: 14px 2px; font-size: 0; line-height: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.statistics > li { width:90%; margin: 8px 2px; position: relative; display: inline-block; text-align: left; }
.statistics > li > span { font-size: 11px; margin-top: 5px; display: block; color: #555; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.vids {padding-top:0!important; width:auto; display:inline-block;}
.vids > li { width:110px!important; float:right;}
.top-info { margin-bottom: 12px; }
.top-info i{font-size: 15px;}
.top-info > a { display: inline-block; float: left; margin-right: 8px; margin-top: 1px; }
.top-info > a > i { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); padding: 6px 5px; margin: 0; }
.top-info > strong { font-size: 24px; font-weight: 600; display: block; float: left; margin-top: 4px; text-shadow: 0 1px 0 #ffffff; }
.top-info:after { content: ""; display: block; clear: both; }
.blue-square { background: #59b3e7; }
.red-square { background: #ef705b; }
.green-square { background: #56BB4D; }
.purple-square { background: #e16588; }
.orange-square { background: #e9854f; }
.dark-blue-square { background: #487cb5; }
.sea-square { background: #34A097 }
/*===== Progress bars =====*/

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 20px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 20px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 20px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 20px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 20px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  height: 20px;
  overflow: hidden;
  box-shadow: 0 1px 0 white, 0 0 0 1px rgba(0,0,0,0.075) inset;
  -webkit-box-shadow: 0 1px 0 white, 0 0 0 1px rgba(0,0,0,0.075) inset;
  -moz-box-shadow: 0 1px 0 white, 0 0 0 1px rgba(0,0,0,0.075) inset;
  background-color: #f5f5f5;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.progress.progress-slim { height: 6px; }
.progress.progress-micro { height: 2px; }

.progress .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center;

  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 20px 20px;
     -moz-background-size: 20px 20px;
       -o-background-size: 20px 20px;
          background-size: 20px 20px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
     -moz-animation: progress-bar-stripes 1s linear infinite;
      -ms-animation: progress-bar-stripes 1s linear infinite;
       -o-animation: progress-bar-stripes 1s linear infinite;
          animation: progress-bar-stripes 1s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.video-description {display:block; padding: 10px; display:none; clear:both;}
.video-tags {list-style:none;}
.video-tags li {list-style:none; float:left; margin-right:4px;}

/*Responsive / Mobile Fixes*/

@media only screen and (max-width:890px) {
body, html{
		width: auto!important;
		margin:0!important;
		padding:0!important;
		background-color: #ffffff;
	}
	.container {
margin:0!important;
width: auto!important;
padding: 0 10px;
clear:both;
}
.span8 {width: auto!important;}
	.video-holder , .video-holder , .video-holder, #video-content,.video-wrapper , .video-under, .video-player-sidebar, .video-under-right{
	width:100%!important;
	float:none!important;
	}

	#top .span2,#top .span7 {width: auto!important; float:left;}
	#top .span3 {width: auto!important; float:right;}
#sidebar-wrapper, .right-side {position:absolute!important; left:0; right: 0; top:55px; background:#fff; z-index:9999; width:100%; padding: 0 15px 25px;}
}
@media only screen and (max-width: 500px) {
	
	body, html{
		width: auto!important;
		margin:0!important;
		padding:0!important;
		background-color: #ffffff;
	}
	#top, .fixed{
	background-color: #4a8bc2; border-bottom: 1px solid #346d9d;
	width: 100%!important;
		margin-bottom:10px!important;
		padding:0;
	}
	.container{
	padding-left:3px!important;
	}
	.span12 {
	padding:0!important;
	margin:0!important;
	}
	#top .span2,#top .span7 {width: auto!important; float:left;}
	#top .span3 {width: auto!important; float:right;}
	.video-player-sidebar, .video-under-right{
	width:100%!important;
	float:none!important;
	margin-top: 15px!important;
	}
	.searchWidget { padding:20px 0!important}
	.video-description , .video-tags{display:none;}
	.video-under {padding:2px!important;}
	 .video, .video img, .video-thumb {
		float: none!important;
		width: auto!important;
		height: auto!important;		
		position: static!important;
	}
	.statistics {max-width: 150px!important;}
	.make_bottom {
	margin-bottom:30px;
	margin-top:30px;
	}
	h1 {
font-size: 18.5px!important;
}
.fb-comments { max-height: 162px; overflow: auto;}
.top-menu, .top-menu > li  , .top-menu > li > a{ border:0!important;}
.logo { padding: 11px 5px 0 0!important;}
.topicon { padding: 11px 7px!important; }
#sidebar-wrapper, .right-side {position:absolute!important; left:0; right: 0; top:55px; padding: 0 15px 25px;}
}
.nomargin {margin:0!important;}
#sidebar {width:100%; display:block; position:relative; padding-right:5px; text-align:left; float:right; margin:0;}
.right-side .i-box , #sidebar .i-box {width:100%;}
.left-sidebar {  position:relative; text-align:left;}
#profile-content .nav {margin-left:-10px; padding-left:10px;}
.top10{padding-top:10px!important;}
.top20{padding-top:20px!important;}
.bottom10{padding-bottom:10px!important;}
.bottom20{padding-bottom:20px!important;}
.full {display:block; width:100%; }
/* User list*/
.phpvibe-user-list{margin-left:-20px;}
.user {display:block; float:left; margin-left:20px; margin-bottom:15px; width:101px;}
.user .clip {display: inline-block; vertical-align: middle;}
.user a{color: #000; font-weight:bold;}
.user img{width:101px; height:101px;}
.user .user-title {height:23px; line-height:23px; overflow:hidden;}

.module {
width:auto;
position: relative;
margin-right: 5px;
margin-bottom: 15px;
padding: 0 5px 5px;
background: #fff;
border: 1px solid #e2e2e2;
filter: alpha(opacity=100);
opacity: 1;
-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 5px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.module-title {
color: #333;
font-size: 14px;
line-height:16px;
text-align:center;
}
.module h2 {margin: 4px 0;}
.module ul {
list-style: none;
}
.module li {
border: 1px solid #fff;
border-top: 1px solid #ddd;
padding: 4px 0;
}
.module li i {margin-right:6px;}

/*===== Forms =====*/

.form-inline input,
.form-horizontal input,
.form-inline textarea,
.form-horizontal textarea,
.form-inline select,
.form-horizontal select,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-inline .input-append,
.form-horizontal .input-append 
{ display: inline-block; *display: inline; margin-bottom: 0; vertical-align: baseline; *zoom: 1; }


/* Form inline */

.form-inline input, .form-inline .selector, .form-inline .checkbox, .form-inline .radio, .form-inline textarea, .form-inline .help-inline { margin-right: 6px; }
.form-inline .checkbox, .form-inline .radio { margin-top: 2px; }
.form-inline .help-inline { padding-left: 0; }
.form-inline .hide, .form-horizontal .hide { display: none; }
.form-inline label, .form-inline .btn-group { display: inline-block; }
.form-inline .input-append, .form-inline .input-prepend { margin-bottom: 0; }
.form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; }
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; }


/* Form horizontal */

.control-group { border-top: 1px solid #eee; box-shadow: 0 1px 0 #fff inset; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; padding: 18px 16px; }
.control-group:first-child { border-top: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.form-condensed .control-group { border-top: none; padding: 16px; }
.form-horizontal .control-group { *zoom: 1; }
.form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; line-height: 0; content: ""; }
.form-horizontal .control-group:after { clear: both; }
.form-horizontal .control-label { float: left; width: 18%; padding-top: 5px; }
.control-label > i { margin-top: 3px; margin-right: 6px; }
.form-horizontal .controls { *display: inline-block; *padding-left: 20px; position: relative; margin-left: 20%; *margin-left: 0; }
.form-horizontal .controls:first-child { *padding-left: 180px; }
.form-horizontal .help-block { margin-bottom: 0; }
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block
{ margin-top: 6px; }
.form-name {
text-shadow: 0 1px 1px #fff;
margin: 0;
font-size: 14px;
color: #303030;
background: url(../images/forms/dots.png) repeat-x bottom;
padding-bottom: 10px;
margin: 2px 0 16px 0;
vertical-align:middle;
}
.form-name > i {
margin-right: 8px;
font-size: 14px;
float: left;
margin-top: 3px;
color: #555;
}
.input-prepend .add-on, .input-prepend .btn {
margin-right: -1px;
margin-top: 0;
margin-bottom: 0;
}
.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle {
vertical-align: top;
}
.input-append .add-on, .input-prepend .add-on {
display: inline-block;
width: auto;
height: 20px;
min-width: 16px;
padding: 4px 5px;
font-size: 12px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
background-color: #fafafa;
border: 1px solid #d5d5d5;
color: #777;
}
.input-append, .input-prepend {
font-size: 0;
white-space: nowrap;
}
.help-block {
display: block;
font-size: 11px;
}
.help-block, .help-inline {
color: #999;
}

/*===== Tables styles =====*/

table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; }
.table { width: 100%; border: 1px solid #d5d5d5; }
.table th, .table td { padding: 8px 12px; line-height: 20px; vertical-align: middle; border-top: 1px solid #e2e2e2; }
.table td { background: #fff; }
.table th { font-weight: bold; text-align: left; }
.table thead th { background-color: #f8f8f8; }

.table .checker { margin: 0; }
.table-checks tr td:first-child { width: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; }
.table-checks .row-checked td { background: #fffff7; }

.table-controls { line-height: 1; font-size: 0; }
.table-controls > li { display: inline-block; margin: 0 2px; line-height: 1; }
.table-controls > li > .btn { padding: 6px 4px; margin: 0; }
.table-controls > li > .btn > i { margin-left: 0; margin-right: 0; font-size: 14px; }
.table-controls > li > a { display: inline-block; }
.table-controls > li > a > i { margin: 0; font-size: 14px; color: #555; display: block; }
.table-controls > li > a.btn > b, .table-controls > li > a > b { margin: 1px 0 -1px 0; font-size: 14px; color: #555; width: 1.1em; float: none; }

.table-footer .table-actions label { margin: 3px 12px 0 0; display: inline-block; }
.table-footer {
  border: 1px solid #d5d5d5; padding: 14px 12px; margin-top: 1px; font-size: 11px;
  background: #fafafa;
  background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafafa));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#fafafa 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#fafafa 100%);
  background: linear-gradient(top,  #ffffff 0%,#fafafa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 );
}
.table-footer:after { content: ""; display: block; height: 0; clear: both; }
.table-footer .pagination { display: inline-block; float: right; }
.table-actions { display: block; float: left; }
.table-actions .selector { height: 26px; line-height: 26px; min-width: 0; } 
.table-actions .selector span { padding: 7px 31px 6px 0px; background: url(../img/elements/forms/select_arrows.png) no-repeat 100% -1px; }
.table-actions .selector input { height: 26px; }

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; }
.table tbody + tbody { border-top: 2px solid #dddddd; }
.table-condensed th, .table-condensed td { padding: 4px 12px; }

.table-gradient tbody td { background: none; }
.table-gradient tbody tr {
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafafa));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#fafafa 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#fafafa 100%);
  background: linear-gradient(top,  #ffffff 0%,#fafafa 100%);
}

.table-transparent, .table-transparent tbody td, .table-transparent thead th { background: none; }

.table-bordered { border-collapse: collapse; border-left: 0; }
.table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; }
.table .rowspan { border-left: 1px solid #e2e2e2!important; }

.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
.table-striped tbody tr:nth-child(even) td, .table-striped tbody tr:nth-child(even) th { background-color: #fcfcfc; }
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #fafafa; }

.row-fluid table [class*=span] { display: table-cell; float: none; margin-left: 0; }


/* Color highlighting */

.table tbody tr.success td { background-color: #f0faec; }
.table tbody tr.error td { background-color: #fdf3f3; }
.table tbody tr.warning td { background-color: #FFFFF7; }
.table tbody tr.info td { background-color: #eef7fb; }
.table-hover tbody tr.success:hover td { background-color: #eaf9e4; }
.table-hover tbody tr.error:hover td { background-color: #fdefef; }
.table-hover tbody tr.warning:hover td { background-color: #fefeea; }
.table-hover tbody tr.info:hover td { background-color: #e8f5fb; }

.table-striped tbody > tr { background: #f9f9f9; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #fff; }
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; }
.row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; }

.table tbody tr.success td { background-color: #f0faec; }
.table tbody tr.error td { background-color: #fdf3f3; }
.table tbody tr.warning td { background-color: #FFFFF7; }
.table tbody tr.info td { background-color: #eef7fb; }
.table-hover tbody tr.success:hover td { background-color: #eaf9e4; }
.table-hover tbody tr.error:hover td { background-color: #fdefef; }
.table-hover tbody tr.warning:hover td { background-color: #fefeea; }
.table-hover tbody tr.info:hover td { background-color: #e8f5fb; }

#bookit, #report-it{display:none; margin-bottom:20px;}

/* Continous Nav */

.CNav {
    display:block;
	position: relative;
	clear:both;
}

.CNav .CNav-body {
	width: 100%; 
	padding-bottom:20px;
	display:block;
	position: relative;
}
.CNav ul {
	top:0;
	left:0;
	position:absolute;
	display: block;
	width: 100%; 
	text-align: left;
	margin: 15px 0px 0px 0px;
	list-style: none;
	list-style-position: inside;
}
.CNav .CNav-wrapper {
	position: relative;
	width: 100%; 
	overflow:hidden;
	margin:0;
	padding-bottom: 10px;
}
.CNav ul  li {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
}
.CNav ul  li i{float:right; margin-right:4px; margin-top:4px;}

.CNav ul  li:last-child {
	border-bottom: 0px;
}
.CNav ul  li a {
	text-decoration: none;
	text-transform:capitalize;
	display:block;
}

.CNav .CNav-back{
	position:absolute;
	top:16px;
	left: -14px;
	z-index:-1;
	color:#555;
}
.CNav-back a, .CNav .CNav-back i  {font-size:24px; color:#555;}
/* hide elements */
.CNav ul ul {
	width: 100%; 
	display:block;
	top:0;
	left: 200px;
	position:absolute;
	margin-top: 0px;
}

 /**** Infinite Scroll CSS ****/
#infscr-loading { 
    text-align: center;
    z-index: 100;
    position: fixed;
    left: 45%;
    bottom: 40px;
    width: 230px;
    padding: 10px;
    background: #000; 
    opacity: 0.8;
    color: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* More button */

				
.more_desc {
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
}
.more_desc .btn{padding: 3px 7px;}
 .more_desc span.more {
height: auto;
margin-bottom: 20px;
}
span.more {
display: inline-block;
padding: 0;
white-space: nowrap;
font-size: 12px;
cursor: pointer;
position: relative;
}

.more_desc:before {
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.2) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(71%,rgba(0,0,0,0.14)), color-stop(100%,rgba(0,0,0,0.2)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 71%,rgba(0,0,0,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#33000000',GradientType=1 );
width: 35%;
top: 30%;
height: 1px;
left: 5%;
}
.more_desc:after {
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.14) 29%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(29%,rgba(0,0,0,0.14)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.14) 29%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.14) 29%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.14) 29%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.14) 29%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00ffffff',GradientType=1 );
width: 35%;
top: 30%;
height: 1px;
right: 5%;
}
/* === Sticky notes styles === */

div.sticky-queue{position:fixed;background:#fff;background:rgba(255,255,255,.9);border-width:0 3px 3px;border-style:solid;border-color:#ccc;border-color:rgba(0,0,0,.6);width:280px;z-index:989}
div.sticky-queue.bottom-right,div.sticky-queue.bottom-left {border-width:3px 3px 0;border-style:solid;border-color:#ccc;border-color:rgba(0,0,0,.6)}
div.sticky-note{padding-right:20px;padding-left:14px;font-weight:700}
div.sticky{font-size:12px;color:#555;display:none;position:relative;padding:10px}
div.sticky p {margin-bottom:0}
.st-close{position:absolute;top:4px;right:6px}
.top-right,.top-left,.top-center{top:38px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px}
.bottom-right,.bottom-left{bottom:-2px;border-top-right-radius:6px;border-top-left-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-topleft:6px;-webkit-border-top-right-radius:6px;-webkit-border-top-left-radius:6px}
.border-top-right,.border-top-left,.border-top-center{border-top:1px solid #eee;border-top:1px solid rgba(0,0,0,.1)}
.border-bottom-right,.border-bottom-left{border-bottom:1px solid #eee;border-bottom:1px solid rgba(0,0,0,.1)}
.sticky.st-error{color:#C62626}
.sticky.st-success{color:#7fae00}
.sticky.st-info{color:#00a6fc}
.top-right,.bottom-right{right:20px}
.top-left,.bottom-left{left:20px}
.top-center{left:50%;margin-left:-140px}
div.sticky-queue.top-right .sticky:last-child,div.sticky-queue.top-left .sticky:last-child,div.sticky-queue.top-center .sticky:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px}
div.sticky-queue.bottom-right .sticky:first-child,div.sticky-queue.bottom-left .sticky:first-child {border-top-right-radius:3px;border-top-left-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-topleft:3px;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px}

/* Comments */
.comment-list:before {
position: absolute;
top: 0;
bottom: 35px;
left: 20px;
width: 1px;
background: #e0e4e8;
content: '';
z-index: -1;
}
.comment-list, .comment-item {
position: relative;
}
.comment-list {
overflow:hidden;
}
.block {
display: block;
margin-bottom: 10px;
}
.media:first-child {
margin-top: 0;
}
.media, .media-body {
overflow: hidden;
zoom: 1;
}
.comment-item>.thumb-small , .thumb-small img{
width: 36px;
height:36px;
border-radius: 6px;
}
.media>.pull-left {
margin-right: 10px;
}
.com-avatar {
border-radius: 500px;
background-color: #fff;
padding: 2px;
}
.comment-item .panel {
padding: 10px;
}
.comment-item .panel-heading, .comment-item .panel-footer {
font-size: 12px;
padding: 4px 10px;
margin-top: -10px;
margin-left: -10px;
margin-right: -10px;
position: relative;
}
.panel-heading, .panel-footer {
border-color: #f5f5f5;
line-height: 1.1;
}
.panel-heading {
padding: 10px 15px;
margin: -15px -15px 15px;
font-size: 17.5px;
font-weight: 500;
background-color: #f5f5f5;
border-bottom: 1px solid #dddddd;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel-heading, .panel-footer {
line-height: 1.1;
}
.label {
display: inline;
padding: .25em .6em;
font-size: 75%;
font-weight: 500;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #999999;
border-radius: .25em;
}
.m-l-mini {
margin-left: 5px;
}
.m-l-small {
margin-left: 10px;
}
.text-muted {
color: #919599;
}
.panel {
border-color: #e0e4e8;
}			
.panel {
padding: 15px;
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 1px 1px rgba(0,0,0,0.05);
display:block;
}
.arrow-left:before {
margin-left: -4px;
top: 4px;
left: 0px;
border-right-color: #d1d4d7!important;
border-width: 7px 7px 7px 0;
-moz-border-right-colors: #fff;
}
.arrow-left:after {
margin-left: -3px;
top: 5px;
left: 0px;
border-right-color: #fff;
border-width: 6px 6px 6px 0;
}
.comment-item:before {
top: 8px;
left: 47px;
}

.comment-item:after {
top: 9px;
left: 47px;
border-right-color: #f5f5f5!important;
}
[class*="arrow"]:before, [class*="arrow"]:after {
position: absolute;
display: inline-block;
border-color: transparent;
border-style: solid;
content: "";
}
.comment-reply {
margin-left: 35%;
}
.comment-reply .panel {
padding:2px 6px;
}
.text-small {
font-size: 12px;
}
.emAddComment {
position: relative;
clear: left;
float: none;
margin: 5px 5px 15px;
overflow: hidden;
padding: 5px 0;
display: block;
font-size: 11px;
color: #493F38;
text-align: left;
}
.addEmComment {
display: block;
position: relative;
margin-top: 0px;
width: 100%;
height: 46px;
background: white;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
display: block;
border: 1px solid #D5D5D5;
box-shadow: 0 1px 1px #FAFAFA;
-webkit-box-shadow: 0 1px 1px #FAFAFA;
-moz-box-shadow: 0 1px 1px #fafafa;
padding: 10px 120px 10px 10px;
color: #404040;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.sendBtn {
display: block;
position: absolute;
top: 7px;
right: 2px;
}
.buttonS {
font-size: 11px;
color: #fff;
font-weight: bold;
text-shadow: 0 -1px #6f6f6f;
display: inline-block;
line-height: 14px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.sBlue {
border: 1px solid #5897C3!important;
box-shadow: 0 1px 2px 0 #84C4DD inset!important;
-webkit-box-shadow: 0 1px 2px 0 #84C4DD inset!important;
-moz-box-shadow: 0 1px 2px 0 #84c4dd inset!important;
background: #6DB5D5!important;
background: -moz-linear-gradient(top, #6DB5D5 0%, #4A91C0 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6DB5D5), color-stop(100%,#4A91C0))!important;
background: -webkit-linear-gradient(top, #6DB5D5 0%,#4A91C0 100%)!important;
background: -o-linear-gradient(top, #6DB5D5 0%,#4A91C0 100%)!important;
background: -ms-linear-gradient(top, #6DB5D5 0%,#4A91C0 100%)!important;
background: linear-gradient(top, #6DB5D5 0%,#4A91C0 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db5d5', endColorstr='#4a91c0',GradientType=0 )!important;
}
.sendBtn input[type="submit"] {
float: left;
display: block;
margin-left: 12px;
line-height: 15px;
height: 28px;
background-image: none;
background: none;
border: none;
text-shadow: none;
}
/* Login styling */
.form-signin{position:relative;background-color:#fff;border:1px solid #e5e5e5;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}.form-signin .inner{padding:20px;}
.form-signin form{margin:0;}
.form-signin p{margin:5px 0;}.form-signin p:first-child{margin:0 0 10px;}
.form-signin p:last-child{margin:10px 0 0;}
.form-signin h3{background-color: #4a8bc2; border-bottom: 1px solid #346d9d;color:#fff;margin:0;padding:0 15px;height:47px;line-height:47px;text-shadow:none;font-size:16pt;font-weight:400;}
.form-signin h3 a{color:#fff;}
.form-signin label{font-size:14px;color:#544f49;}
.form-signin .checkbox{margin-bottom:10px;}
.form-signin .password{float:right;font-size:13px;font-weight:400;}
.form-signin .password {color:red;}
.form-signin input[type="text"],.form-signin input[type="password"]{margin-bottom:10px;}
.text-error { color: #b94a48; }

.MaxUpload_Box {
	position:relative;
	margin:5px auto;
	width:100%;
	padding:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	font-family:sans-serif;
	float:left;
	display:block;
}
.MaxUpload_Box .prdone {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.MaxUpload_Box .xx {
	margin-left:-6px;
}
.MaxUpload_Box .info {
	font-size:10px;
	padding:10px 10px;
	min-width:80%;
	background: url(../images/drag.png) no-repeat 50% 85%;
text-align: center;
vertical-align: middle;
min-height:180px;
}
.MaxUpload_Box .button {
color: #686868!important;
text-shadow: none!important;
background: #F8F8F8!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#E8E8E8))!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 )!important;
font-size: 11px;
font-weight: bold;
text-shadow: 0 -1px #6F6F6F;
display: inline-block;
line-height: 14px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
width:100%!important;
margin:0!important;
	
}

.disabled {
display:none;
}


.MaxUpload_Box .file {
	font-size:14px;
	height:32px;
	width: 60%;
	float:right;
	display:inline-block;
	
	}
	
.MaxUpload_Box .real {
	display:inline-block;
	zoom:1;
	position:relative;
	width:100%;

}
.MaxUpload_Box .fileList {
background-color: #ffffff;
border: 1px solid #d5d5d5;
outline: none;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
	display:block;
	margin:20px 0 20px;
	width:100%;
}
.MaxUpload_Box .fileItem {
	margin:8px 10px;
	font-size:12px;
	display:block;
	position:relative;
	background-color: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dadada;
box-shadow: 0 0 0 2px #f8f8f8;
-webkit-box-shadow: 0 0 0 2px #f8f8f8;
-moz-box-shadow: 0 0 0 2px #f8f8f8;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
.MaxUpload_Box .fileItem span{
	padding:5px;
	display:inline-block;
	font-weight:400;
}
.MaxUpload_Box .fileItem b {
	padding:5px;
	display:inline-block;
}

.MaxUpload_Box .delete {
float:right;
color:#DB6969;
font-size:26px;
position:absolute;
right:3px;
top:3px;
padding:0!important;
}



.MaxUpload_Box .progress {
	position:absolute;
	width:100%;
	height:100%;
background-color: #5eb95e;
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(to bottom, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.MaxUpload_Box .upInfo {
padding: 4px 5px;
border-bottom: 1px solid #e1e1e1;
background: #fcfcfc;
position:relative;
}
.MaxUpload_Box .filePro {
	float:left;
}
.MaxUpload_Box #prImg {
	margin:3px 3px 0;
	float:right;
}

.MaxUpload_Box .totalPro {
	clear:both;
}

.MaxUpload_Box .result {
	padding:10px 0 10px 0;
	text-align:center;
	
}
.MaxUpload_Box .result b {
	font-size:10px;
}
.MaxUpload_Box .upInfo div {
	font-size:x-small;
	padding: 3px;
}
.MaxUpload_Box .Maxuploader {display:block; position:relative; height:26px;}
.Maxfilename{
position:relative!important;
background-color: #fff!important;
cursor: pointer;
width: 100%;
font-size: 11px;
line-height: 24px;
float: left;
display: block!important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
.MaxUpload_Box .Maxuploader input[type=file]{
position:absolute;
right:2px;
top:2px;
width: 24px;
background: url(../images/forms/add_files.png) no-repeat 0 0;
height: 24px;
cursor: pointer;
float: right;
text-indent: -9999px;
display: inline;
overflow: hidden;
z-index:999;
}
.MUbutton {
width:1px!important;
height:1px!important;
}
/* Populars */
.populars {width:100%; clear:both; height:auto; border-bottom: 1px solid #f4f4f4; padding-top:7px; padding-bottom:7px;}
.populars img{width:42px; height:44px; margin-left:4px;}
.populars .pop-title {float:left; margin-left:8px; clear:right; display:inline-block;}
.populars .pop-subs {float:left; margin-left:8px; clear:right; display:inline-block;}
.popular-channels {border-right: 1px solid #f4f4f4;}
.popular-channels h3 {border-bottom: 1px solid #f4f4f4; display:block; margin:0; padding: 10px 5px; margin-top:7px;}
/* Activity */
ul#activity .circleAvatar {
background-color: white;
border: 3px solid white;
border-radius: 30px;
-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3);
float: left;
height: 50px;
margin-right: -10px;
overflow: hidden;
position: relative;
top: -20px;
left: -15px;
width: 50px;
}
#activity li p.headLine {
color: #a8a8a8;
margin: 5px 5px 10px;
}
#activity li p.headLine span.author {
color: #616161;
font-weight: bold;
}
#activity li p {
line-height: 15px;
margin-left: 50px;
padding: 0 5px;
}
#activity li .coms {
display:block;
line-height: 15px;
padding: 5px;
margin:3px 3px 0;
color: #666;
background-color: #fcfcff;
border: 1px solid #ddd;
border-bottom-color: #5e95cc;
cursor: default;
-webkit-box-shadow: 1px -2px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 1px -2px 3px rgba(0,0,0,0.1);
box-shadow: 1px -2px 3px rgba(0,0,0,0.1);
}
#activity li {
border: 1px solid #f4f4f4;
list-style-type: none;
margin-bottom: 15px;
position: relative;
}
#activity{
padding: 5px 10px;
list-style: none;
}
.error-info {
text-align: center;
}
.error-info h3 {
font-weight: 800;
font-size: 200px;
color: #e6e6e6;
margin-bottom: 0px;
}
.error-info h4 {
font-weight: 800;
font-size: 60px;
color: #4d4d4d;
text-transform: uppercase;
margin-bottom: 40px;
}
.searchWidget {
width:100%;
padding:10px 0 0;
}
#suggest-videos {
width:100%;
margin: 0;
padding: 0 29px;
background: #fff url(../images/go_search.png) no-repeat 10px 10px;
height: 32px;
line-height: 32px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 1px solid #296190;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
}
#suggest-videos:focus { 
margin: 0;
padding: 0 29px;
background: #fff url(../images/go_search.png) no-repeat 10px 10px;
height: 32px;
line-height: 32px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 1px solid #296190;
}
.video-player iframe,
.video-player object,
.video-player embed ,
.video-player video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
	clear:both;
}
#footer {border-top: 1px solid #f4f4f4; }
.footer-content {border-left: 1px solid #f4f4f4;padding:20px;}
.footer-logo {padding:20px 0;}
#mobi-hide-right-sidebar, #mobi-hide-sidebar {color:#fff; position:relative; padding: 5px;}
.close-me {position:absolute; top:0; right:0; background: #EF705B; display:block; z-index: 999999; overflow:visible;}